﻿<Container>
    <Row>
        <Column ColumnSize="ColumnSize.Is12.Is3.OnDesktop">
            <Image Display="Display.Block" Margin="Margin.Is2.FromBottom" Source="/img/logos/blazorise-small.png" Text="Blazorise logo" Style="width: 42px; height: 42px;" />
            <Div>

                <Anchor TextColor="TextColor.Dark" Margin="Margin.Is3" To="https://github.com/Megabit/Blazorise" Title="GitHub" Target="Target.Blank" Display="Display.InlineBlock">
                    <Icon Name="@("fab fa-github")" IconSize="IconSize.Large" />
                </Anchor>
                <Anchor TextColor="TextColor.Dark" Margin="Margin.Is3" To="https://twitter.com/Blazorise" Title="Twitter" Target="Target.Blank" Display="Display.InlineBlock">
                    <Icon Name="@("fab fa-twitter")" IconSize="IconSize.Large" />
                </Anchor>
                <Anchor TextColor="TextColor.Dark" Margin="Margin.Is3" To="https://www.reddit.com/r/Blazorise/" Title="Reddit" Target="Target.Blank" Display="Display.InlineBlock">
                    <Icon Name="@("fab fa-reddit")" IconSize="IconSize.Large" />
                </Anchor>
            </Div>
            <Small Display="Display.Block" Margin="Margin.Is3.FromBottom" TextColor="TextColor.Muted">
                <Span>
                    Copyright © @DateTime.Today.Year Megabit Ltd
                </Span>
            </Small>
            <Span>
                Powered by <Blazorise.Link TextColor="TextColor.Secondary" To="https://blazorise.com/" Title="Blazorise">Blazorise</Blazorise.Link>.
            </Span>
        </Column>
        <Column ColumnSize="ColumnSize.Is12.Is3.OnDesktop">
            <Heading Size="HeadingSize.Is5">Product</Heading>
            <UnorderedList Unstyled>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="https://commercial.blazorise.com/community" Title="Community">Community</Anchor>
                </li>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="https://commercial.blazorise.com/features" Title="Features">Features</Anchor>
                </li>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="https://commercial.blazorise.com/pricing" Title="Pricing">Pricing</Anchor>
                </li>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="https://commercial.blazorise.com/customers" Title="Success stories">Success stories</Anchor>
                </li>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="credits" Title="Credits">Credits</Anchor>
                </li>
            </UnorderedList>
        </Column>
        <Column ColumnSize="ColumnSize.Is12.Is3.OnDesktop">
            <Heading Size="HeadingSize.Is5">Company</Heading>
            <UnorderedList Unstyled>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="https://commercial.blazorise.com/about" Title="about">About</Anchor>
                </li>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="news" Title="News">News</Anchor>
                </li>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="privacy" Title="privacy">Privacy</Anchor>
                </li>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="terms" Title="terms">Terms</Anchor>
                </li>
            </UnorderedList>
        </Column>
        <Column ColumnSize="ColumnSize.Is12.Is3.OnDesktop">
            <Heading Size="HeadingSize.Is5">Resources</Heading>
            <UnorderedList Unstyled>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="https://bootstrapdemo.blazorise.com/" Title="Online Demos">Online Demos</Anchor>
                </li>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="docs" Title="Documentation">Documentation</Anchor>
                </li>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="https://github.com/Megabit/Blazorise/issues" Title="Cummunity">Community</Anchor>
                </li>
                <li class="mb-1">
                    <Anchor TextColor="TextColor.Secondary" To="docs/faq" Title="FAQ">FAQ</Anchor>
                </li>
            </UnorderedList>
        </Column>
    </Row>
</Container>